<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" />
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <title></title>
</head>
<body>

<div class="wrapper">
    <section class="rxz-header">
        <section class="header-top">
            <p>活动时间：3月15日-3月26日</p>
            <section class="header-bottom">
                <ul class="scroll-ul">
                    <li>阿拉啦啦阿拉啦啦啦啦啦了1阿拉啦啦啦啦啦了1啦啦啦啦了1啦啦啦啦了1啦啦啦了1</li>
                    <li>阿拉啦啦啦啦啦了2</li>
                    <li>阿拉啦啦啦啦啦了3</li>
                    <li>阿拉啦啦啦啦啦了4</li>
                </ul>
            </section>
        </section>
    </section>
    <section class="rxz-main">
        <section class="login-block clearfix">
            <span class="login-name">欢迎137000000000</span>
            <span class="bt_out">[退出]</span>
        </section>
    </section>
    <section class="bigHui">
        <h1></h1>
        <ul class="clearfix">
            <li>
                <div class="logos">
                    <img src="images/Voucher-logo.png" alt=""/>
                    <p>银城千万间</p>
                </div>
                <a class="bt_get">
                    <p><i>1365</i>元租房抵用券</p>
                    <span>立即领取</span>
                </a>
            </li>
            <li class="li-right">
                <div class="logos">
                    <img src="images/Voucher-logo.png" alt=""/>
                    <p>银城千万间</p>
                </div>
                <a class="bt_get">
                    <p><i>1365</i>元租房抵用券</p>
                    <span>立即领取</span>
                </a>
            </li>
        </ul>
    </section>
    <section class="goodhouse">
        <h1></h1>
        <div class="house-block">
            <ul class="clearfix" id="ddd">
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <section class="goodhouse goodhouse2">
        <h1></h1>
        <div class="house-block">
            <ul class="clearfix" id="ddd2">

                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <section class="goodhouse  goodhouse3">
        <h1></h1>
        <div class="house-block">
            <ul class="clearfix" id="ddd3">
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/house.png" alt=""/>
                        <div class="house-msg">
                            <h2>岁坐岗45箱</h2>
                            <p>安德花园|3室1厅</p>
                            <span><em>2400</em>元/月</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <div class="tab-switcher">
        <a href="">
            <div class="tab-item active">
                <img src="./images/tab-item-main-stage.png">
                <div class="tab-title">主会场</div>
            </div>
        </a>
        <a href="">
            <div class="tab-item">
                <img src="./images/tab-item-silver-city.png">
                <div class="tab-title">银城</div>
            </div>
        </a>
        <a href="">
            <div class="tab-item">
                <img src="./images/tab-item-beauty-house.png">
                <div class="tab-title">美丽屋</div>
            </div>
        </a>
        <a href="">
            <div class="tab-item my-card">
                <img src="./images/tab-item-card.png">
                <div class="tab-title">我的卡卷</div>
            </div>
        </a>
    </div>
    <button class="bt_more">查看更多房源</button>
    <section class="rzx-ad">
        <div class="ad-1">
            <span class="alert_pop bt_idea"></span>
        </div>
        <div class="ad-2">
            <span class="alert_pop bt_address"></span>
        </div>
    </section>
    <section class="rxz-rule">
        <h1></h1>
        <h2></h2>
        <p>
            活动时间：3月15日-3月26日<br/>
            爱租哪携手银城千万间、美丽屋，撸起袖子只为南京租房加油！
            活动期间，<br/>
            ·每天发放限量租房抵用券（面值1365、665、365元），<br/>
            可抵扣房租；<br/>
            ·每天更新优质房源，帮助租客淘到称心如意的房子；<br/>
            ·把介个好消息分享给好盆友，还阔以获得电影券、洗衣券、<br/>
            搬家券、蛋糕券、共享单车券等灯等灯，中奖率高达99.99%，<br/>
            厉害了我的爱租哪~<br/>
            ·亲爱滴盆友，请注意啦优惠券不可叠加使用喔；<br/>
            ·活动咨询电话：025-52807365转5200<br/>
        </p>
    </section>
    <section class="band">
        <h1></h1>
        <ul class="clearfix">
            <li>
                <img src="images/cooperativePartner-1.png" alt=""/>
            </li>
            <li>
                <img src="images/cooperativePartner-2.png" alt=""/>
            </li>
            <li>
                <img src="images/cooperativePartner-3.png" alt=""/>
            </li>
            <li>
                <img src="images/cooperativePartner-4.png" alt=""/>
            </li>
            <li>
                <img src="images/cooperativePartner-5.png" alt=""/>
            </li>
        </ul>
    </section>
</div>

</body>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/touch.min.js"></script>
<script>


    ;(function (doc, win) {
        var fddf;
        var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 20 * (clientWidth / 375) + 'px';
                    fddf = docEl.style.fontSize;
                    console.log(fddf);
                };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);


        //消息滚动
        var msgScroll = (function () {

            var _wrap = $('.scroll-ul');
            var _interval = 2000;
            var _moving;

            _moving = setInterval(function () {
                var _field = _wrap.find('li:first');
                var _h = _field.height();
                _field.animate({marginTop:-_h+'px'},600, function () {
                    _field.css('marginTop',0).appendTo(_wrap);
                });
            },_interval)
        })();

        //横向拖拽

        var drag = (function () {

            return function (single,target) {

                var len = $(single).length;
                var width = $(single).width();
                var ulWidth = len*(0.625+7.3)*(20 * (docEl.clientWidth / 375));
                var max = (ulWidth - $(window).width()+50);
                $(target).css('width',ulWidth+'px');
                var dx = 0;
                touch.on(target, 'touchstart,touchmove', function(ev){
                    ev.preventDefault();
                    ev.stopPropagation();
                });
                touch.on(target, 'drag', function(ev){
                    ev.preventDefault();
                    ev.stopPropagation();
                    ev.cancelBubble = true;
                    var localX = dx + ev.x;
                    if(localX > 0){
                        localX = 0;
                        dx = 0;
                    }

                    if(localX < -max){
                        localX = -max;
                        dx =  -max;
                    }
                    $(target).css('webkitTransform',"translate3d("+localX+"px,0,0)");
                });
                touch.on(target, 'dragend', function(ev){
                    ev.preventDefault();
                    ev.stopPropagation();
                    dx+=ev.x
                });
            }

        })();

        drag('#ddd li','#ddd');
        drag('#ddd2 li','#ddd2');
        drag('#ddd3 li','#ddd3');


    })(document, window);





    $(function () {



    })


</script>
</html>